*{
	list-style: none;
	margin: 0;
	padding: 0;
}
body{
	overflow-x: hidden;
}
.zjm-nav{
	background-color: rgb(28, 39, 43);
    position: relative;
    z-index: 8;
}
.zjm-nav .navbar{
	margin-bottom: 0px;
}
.zjm-nav .navbar-default{
	background-color: rgb(28, 39, 43);
	color: white;
	/* height: 70px; */
}
.zjm-nav .navbar-default .navbar-nav > li > a{
	color: white;
	font-weight: 700;
}
.zjm-nav .navbar-default .navbar-nav > li > a:hover{
	color: rgb(249, 157, 120) !important;
}
@media (min-width: 768px){
	.zjm-nav .navbar {
	    border-radius: 0px;
	}
}
.zjm-nav .navbar-default .navbar-toggle{
	border-color: rgb(28, 39, 43);
}
/* .zjm-nav .navbar-default .navbar-toggle:focus{
	border-color: rgb(28, 39, 43);
}
.zjm-nav .navbar-toggle:hover{
	border-color: rgb(28, 39, 43);
}  */
.zjm-nav .navbar-default{
	border-color: rgb(28, 39, 43);
}
.navbar-default .navbar-toggle .icon-bar{
	background-color:rgb(255, 255, 255);
}
.zjm-nav .navbar-brand{
	padding-top: 0px;
}
.zjm-nav .navlogo{
	height: 45px;
	vertical-align: middle;
	margin-right: 40px;
}
.zjm-nav .label-warning:hover{
	opacity: 0.7 !important;
    color: rgb(255, 255, 255) !important;
    cursor: pointer !important;
}
.zjm-nav .nav-button{
	line-height: 1.5;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    color: rgb(255, 255, 255);
    background-color: rgb(255, 108, 55) !important;
    border-radius: 3px;
    padding: 12px 16px;
    margin: 0px 0px 15px;
    border-color: rgb(255, 108, 55) !important;
}
.zjm-nav .nav-button:hover{
	opacity: 0.7;
    color: rgb(255, 255, 255);
    cursor: pointer;
    text-decoration: none;
}
.zjm-nav .navbar-nav{
	background-color: rgb(28, 39, 43);
	margin: 0px -15px;
}
.zjm-nav .navbar-right{
	margin-top: -2px;
}
.zjm-nav .navbar-default .navbar-nav > .open > a{
	background-color: rgb(28, 39, 43);
	color: rgb(249, 157, 120) ;
}
.zjm-nav .navbar-default{
	padding-top: 10px;
}
.navbar-toggle:hover{
	background-color: rgb(28, 39, 43);
}
.zjm-nav .navbar-nav > li > .dropdown-menu{
	border-radius: 2%;
}
.zjm-nav .dropdown-menu{
    border: 1px solid rgba(0,0,0,.15);
    background-clip: padding-box;
    font-size: 1rem;
    color: #212529;
    text-align: left;
}
.zjm-nav .dropdown-menu li a{
	font-family: "Open Sans";
    font-size: 16px;
    line-height: 24px;
    width: 250px;
    color: rgb(40, 40, 40);
    padding: 8px 24px;
}
.zjm-nav .downicon{
	display: inline-block;
    width: 15px;
    transform: rotate(0deg);
    transition: transform 0.25s linear 0s;
    margin-left: .25rem!important;
}
.zjm-nav .downicon:before{
	content: "\E905";
	display: inline-block;
    font-family: pm icons;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

@media (max-width: 767px){
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	    color: #fff;
	}
}
.zjm-nav .navbar-collapse{
	border-top: none;
}
@media (max-width: 767px){
	
}

.zjm-main1{
	display: block;
	padding-top: 80px;
    background-color: rgb(28, 39, 43);
    /* background-image: url(data:image/svg+xml;charset=utf8,%3Csvg width=\"1351\" height=\"443\" viewBo…3.499L27.5079 341.491L25.5015 336H25.5Z\" fill=\"%237D728E\"/%3E%3C/svg%3E); */
    color: white;
    padding-bottom: 80px;
    background-position: center center;
    background-repeat: no-repeat;
}
.zjm-main1 .row{
	padding: 0px 50px;
	/* z-index: 10; */
	/* float: left; */
}
.zjm-main1 .main1-text{
	/* width: 80%; */
	/* float: left; */
}
.zjm-main1 .main1-img{
	/* width: 20% */
}
.zjm-main1 .thumbnail{
	background-color: rgb(28, 39, 43);
    border: none;

}
.zjm-main1 .caption{
	color: #fff;
}
@media (max-width: 767px){
	.zjm-nav .nav-button {
	    width: 100px;
	}
	.zjm-main1 h3{
		font-size: 55px;
		margin-bottom: 32px;
	}
	.zjm-main1 p{
		font-size: 22px;
		line-height: 1.35;
		padding-bottom: 3rem!important;
	}
	.zjm-main1{
		text-align: center
	}
	.zjm-nav .dropdown-menu a:hover{
		color: #fff
	} 
	.zjm-main1 .row{
		padding: 0px 19px;

	}
	.zjm-main1 .main1-img{
		width: 100%
	}
}

@media (min-width: 992px){
/* 	.main1-left{
		width: 61.333333%;
	} */
	.zjm-main1 h3{
		font-size: 60px;
		margin-bottom: 32px;
	}
	.zjm-main1 p{
		font-size: 20px;
		line-height: 1.35;
		padding-bottom: 3rem !important;
	}
}
.zjm-main1 .btn-primary{
	vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    user-select: none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px;
    background-color: rgb(255, 108, 55);
    text-align: center;
    color: rgb(255, 255, 255) !important;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-radius: 3px;
    transition: all 0.2s ease-in-out 0s;
    border-color: rgb(255, 108, 55);
    padding: 13px 32px;
    margin: 0px;
}
.zjm-main1 .btn-primary:hover{
	opacity: 0.7
}
.zjm-main1 img{
	max-width: 100%;
    height: auto;
    vertical-align: middle;
}


.zjm-data{
    padding: 40px 50px;
    background:  rgb(28, 39, 43);
}
.zjm-data h3{
	font-size: 36px;
	color: #fff;
	line-height: 1.22222
	margin: 0px 0px 16px
}
.zjm-data p{
	font-size: 20px;
    line-height: 1.35;
    color: #fff;
}
.zjm-data .thumbnail{
	background-color: rgb(28, 39, 43);
	border: 1px solid rgb(28, 39, 43);
}

.zjm-what-is-postman{
	background-image: linear-gradient(to bottom,#1C272B 0,#315562 100%);
}
.zjm-what-is-postman{
	color: #fff;
}
.zjm-what-is-postman .jumbotron{
	background: none;
}
.zjm-what-is-postman h3{
	font-size: 48px;
	margin: 0px 0px 24px
}
.ajm-what-is-postman p{
	margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200;
}
.zjm-what-is-postman h4{
	line-height: 1.16667;
    font-size: 24px;
    margin: 0px 0px 8px;
    font-weight: 500;
}
.zjm-what-is-postman .postmanmain p{
	font-size: 16px;
    line-height: 1.5;
    margin-bottom: 16px;
}
.zjm-what-is-postman .row{
	margin: 10px 0px;
}
.zjm-what-is-postman .thumbnail{
	background-color: rgb(255, 255, 255);
    color: rgb(28, 39, 43);
    text-align: center;
    min-height: 240px;
    width: 100%;
    padding: 20px;
    border-radius: 8px;
}
.zjm-what-is-postman .readmore{
	position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
    padding: 24px 48px 32px; 
}
.readmore a{
	height: 24px;
    color: rgb(40, 40, 40);
    font-size: 16px;
    font-weight: 700;
    background-image: linear-gradient(transparent 50%, rgba(249, 157, 120, 0.5) 0px);
    padding-right: 4px;
    padding-bottom: 2px;
    background-position-y: 2px;
    background-position-x: 4px;
    background-repeat: no-repeat;
    text-decoration: none;
    transition: all 0.18s ease 0s;
}
.readmore a:hover{
	padding-right: 4px;
    padding-bottom: 2px;
    background-image: linear-gradient(transparent 60%, rgb(249, 157, 120) 0px);
    color: rgb(40, 40, 40);
    background-position: right -4px top 7px;
    text-decoration: none;
}


@media (min-width: 768px){
	.zjm-main3 .main3picture{
		float: right;
	}
	.zjm-main3 .main3{
		float: left;
	}
}
.zjm-main2{
	background: none;
	color: black;
}
.zjm-main2 h4{
	font-size: 48px;
	font-weight: 500;
	font-family: Roboto, "Franklin Gothic Medium", Tahoma, sans-serif;
}
.zjm-main2 p{
	font-size: 16px;
}
.zjm-main2 .readmore{
	float: left;
	margin-right: 117px;
	margin-bottom: 20px;
}
.zjm-main2 .main2{
	padding-left: 17px;
}
.zjm-main3{
	padding: 80px 0px;
}
.zjm-main3 h4{
	font-size: 48px;
    line-height: 1.16667;
    margin: 0px 0px 24px;
    padding: 0px 15px;
}
.zjm-main3 p{
	padding: 0px 15px;
	font-size: 16px;
	line-height: 1.5;
    margin-bottom: 16px;
}
.zjm-main3 .readmore p{
	margin: 16px 0px;
	padding: 0px;
}
.zjm-main3 .readmore{
	min-height: 152px;
}

.zjm-main4 h4{
	color: rgb(28, 39, 43);
	font-size: 48px;
    line-height: 1.16667;
    margin: 0px 0px 24px
}
.zjm-main4 .main4{
	margin: 15px 0px 0px;
}
.zjm-main4 .main4-title{
	background: black;
    color: #fff;
    font-size: 20px;
    line-height: 1.35;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    background-color: rgb(43, 59, 65);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: white;
    font-size: 20px;
    line-height: 1.35;
    text-align: center;
    padding: 24px;
    min-height: 128px;
}
.zjm-main4 .caption{
	box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px;
    height: 100%;
    background-color: white;
    border-radius: 8px;
} 
.zjm-main4 .main4content2{
	padding: 24px;
}
.zjm-main4 .main4content2 h4{
	font-size: 24px !important;
    margin: 0px 0px 15px;
}
.zjm-main4 .logo-pictures{
	max-height: 50px;
    margin-top: 24px;
    margin-bottom: 24px;
    width: auto;
}
.zjm-main4 .logo-pictures img{
	max-height: 50px;
}
.zjm-main4 .main4content2 p{
	margin: 0px 0px 48px;
}
.zjm-main4 .main4content2{
	min-height: 450px;
}
.zjm-main4 .readmore{
	/* position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%; */
    padding: 24px 48px 32px;
    text-align: center;
}
.zjm-main4 .postmanmain{
	margin-bottom: 32px;
}
.zjm-main4 .main4content{
	margin-bottom: 15px;
}
/* .zjm-main4 .main4bottom{
	min-height: 700px;
} */
@media (max-width: 767px) {
	.zjm-main4 .main4-title{
		min-height: 100px;
	}
	.zjm-main4 .main4{
		padding-right: 20px;
    	padding-left: 20px;
	}
	.zjm-main4 .main4content2{
		min-height: 300px;	}
	.zjm-main4 .main4content2 p{
		margin: 0px;
	}
	.zjm-main4 .readmore{
		padding-top: 0px;
	}
}
@media (min-width: 768px) and (max-width: 1200px){
	.zjm-main4 .caption{
		box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px;
    	height: 100%;
    	background-color: white;
    	border-radius: 8px;
	}
	.zjm-main4 .main4-title{
		padding: 23px;
	}
	/* .zjm-main4 .main4bottom{
		max-height: 570px;
	} */
	.zjm-main4 .main4content2{
		min-height: 500px;
	}
	.zjm-main4 .main4content2 p{
		margin: 0px;
	}
}


.zjm-why-postman{
	background-color: rgb(43, 59, 65);
    padding: 80px 0px;
}
.zjm-why-postman h2{
	color: #fff;
}
.zjm-why-postman .main5{
	padding-right: 15px;
    padding-left: 15px;
}
.zjm-why-postman h2{
	font-weight: 600;
    font-size: 48px;
}
.zjm-why-postman .readmore{
	padding: 24px 35px 32px;
	top: 75px;
}
.zjm-why-postman .thumbnail{
	min-height: 329px;
	padding: 10px;
}
/* @media (min-width: 970px) {
	.zjm-why-postman .thumbnail{
		height: 394px;
	}
} */
/* @media (min-width: 1200px) {
	.zjm-why-postman .thumbnail{
		height: 290px;
	}
} */
/* @media (max-width: 767px){
	.zjm-why-postman .thumbnail{
		min-height: 180px;
	}
} */
@media (min-width: 992px){
	.zjm-why-postman .thumbnail{
		min-height: 355px;
	}
}


.zjm-main5{
	padding-top: 80px;
    background-color: rgb(28, 39, 43);
    color: white;
    padding-bottom: 80px;
    text-align: center;
}


.zjm-main5 .btn-primary{
	vertical-align: middle;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    user-select: none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px;
    background-color: rgb(255, 108, 55);
    text-align: center;
    color: rgb(255, 255, 255) !important;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    border-radius: 3px;
    transition: all 0.2s ease-in-out 0s;
    border-color: rgb(255, 108, 55);
    padding: 13px 32px;
    margin: 0px;
}
.zjm-main5 .btn-primary:hover{
	opacity: 0.7
}
.zjm-main5 img{
	max-width: 100%;
    height: auto;
    vertical-align: middle;
}
.zjm-main5 h3{
	font-size: 36px;
	line-height: 1.16667;
	text-align: left;
}
.zjm-main5 p{
	font-weight: 400;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 16px;
    text-align: left;
}
@media (min-width: 992px){
	.zjm-main5 h3{
		font-size: 48px;
		margin: 0px 0px 24px
	}
	.zjm-main5 p{
		font-size: 20px;
		line-height: 1.35;
		padding-bottom: 3rem !important;
	}
}
@media (max-width: 1200px) {
	.zjm-main5 p{
		text-align: center;
	}
	.zjm-main5 h3{
		text-align: center;
	}
}


.zjm-main6{
	padding-top: 80px;
}
.zjm-main6 h3{
	font-size: 48px;
	line-height: 1.16667;
	font-weight: 600;
}
.zjm-main6 p{
	font-size: 20px;
    line-height: 1.35;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
}
.zjm-main6 .main5-top{
	padding-left: 15px;
	padding-right: 15px;
}
.zjm-main6 .readmore{
	padding: 32px 0px;
}
.zjm-main6 .readmore img{
	max-width: 100%;
    height: auto;
}


.zjm-main7{
	padding: 40px 0px;
}

.zjm-main7 img{
	max-width: 100%;
    height: auto;
}
.zjm-main7 h3{
	font-size: 36px;
    line-height: 1.22222;
    margin: 0px 0px 16px;
    margin-bottom: 1rem;
    font-weight: 600;
}
.zjm-main7 p{
	font-weight: 400;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 16px;
    color: rgb(28, 39, 43);
}

.zjm-main8{
	background-color: rgb(245, 248, 251);
    padding: 80px 40px;
}
.zjm-main8 h3{
	font-size: 36px;
    line-height: 1.22222;
    margin: 0px 0px 16px;
    margin-bottom: 24px;
    font-weight: 600;
}
.zjm-main8 .mian8{
	background-color: white;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 8px;
    border-radius: 8px;
    padding-left: 0px;
}
.zjm-main8 .main8-left{
	color: rgb(255, 255, 255);
    background-color: rgb(43, 59, 65);
    font-size: 36px;
    text-align: center;
    font-weight: 500;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
/*     -webkit-box-pack: center;
    justify-content: center; */
    padding: 24px;
    border-radius: 8px 0px 0px 8px;
    float: left;
}
.zjm-main8 .main8-center{
	padding: 10px;
	width: 100%;
	background: none rgb(255, 255, 255);
	float: left;
	width: 292px;
}
.zjm-main8 .main8-center p{
	font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
	color: rgb(28, 39, 43);
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
}
.zjm-main8 .main8-center h6{
	line-height: 1.16667;
    font-size: 24px;
    margin: 0px 0px 8px;
    color: rgb(28, 39, 43);
}
.zjm-main8 .main8-right{
	display: flex;
    background-color: rgb(255, 255, 255);
}
.zjm-main8 .main8-right span{
	text-align: center;
    display: flex;
    align-items: center;
    font-size: 32px;
    color: rgb(28, 39, 43);
    width: 20%;
    line-height: 153.33px;
}
.zjm-main8 .icon-youjiantou ::before{
	content: "";
    line-height: 50;
}
.zjm-main8 .mian8{
	max-width: 438px;
    max-height: 134px;
    margin: 10px 35px;
}
.zjm-main8 .main8-left{
	max-height: 134px;
}
.zjm-main8 .main8-center{
	max-height: 134px;
}
.zjm-main8 .main8-right{
	max-height: 134px;
	/* float: right; */
}
.zjm-main8 a{
	text-decoration: none;
}
@media (max-width: 991px) {
	.zjm-main8 .main8-content{
		padding: 0px 120px;
	}
	.zjm-main8 a{
		display: block;
		overflow: hidden;
	}
	.zjm-main8 .main8-left{
		width: 20%;
		font-size: 28px;
	}
	.zjm-main8 .main8-center{
		width: 74%
	}
	.zjm-main8 .main8-right{
		/* float: right; */
	}
}
@media (max-width: 767px) {
	.zjm-main8 .main8-content{
		padding: 0px;
	}
	.zjm-main8 .main8-left{
		width: 30%;
	}
	.zjm-main8 .main8-center{
		width: 62%;
	}
	.zjm-main8 .main8-center p{
		font-size: 12px;
	}
	.zjm-main8 .main8-center h6{
		font-size: 16px
	}
	.zjm-main8 .mian8{
		margin: 10px 0px;
	}
}
@media (min-width: 992px) {
	.m-first,.m-fourth{
		float: left;
	}
	.m-second,.m-third{
		float: right;
	}
	.zjm-main8 .main8-content{
		padding: 0px 77px;
	}
}
@media (max-width:1200px) and (min-width: 992px){
	.zjm-main8 .mian8{
		margin: 10px 14px;
	}
	.zjm-main8 .main8-content{
		padding: 0px 15px;
	}
}


.zjm-footer{
	padding-top: 80px;
    background-color: rgb(28, 39, 43);
}
.zjm-footer h6{
	font-weight: 700;
    text-transform: uppercase;
    line-height: 1.16667;
    margin: 0px 0px 24px
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    color: rgb(255, 255, 255);
    font-size: 16px;
}
.zjm-footer ul{
	padding-left: 0px;
}
.zjm-footer li a{
	color: white;
    font-size: 14px;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    display: inline-block;
    line-height: 1.6;
    padding: 8px 0px 4px;
    border-bottom: 1px solid rgb(28, 39, 43);
    text-decoration: none;
}
.zjm-footer li a:hover{
	color: rgb(244, 129, 91);
    border-bottom: 1px solid rgb(244, 129, 91);
}
.zjm-footer li a span{
	color: rgb(50, 171, 203);
}
.zjm-footer .mb-4{
	margin-bottom: 2.5rem;
}
.zjm-footer .mr-4{
	margin-right: 2.5rem;
	float: left;
}
.zjm-footer .footericon{
	color: white;
    font-size: 14px;
}
.zjm-footer .footericon a{
	color: #fff;
	margin: 0px 5px;
}
.zjm-footer .footericon a span{
	font-size: 28px;
}
.zjm-footer .footericon a:hover{
	color: rgb(249, 157, 120);
	text-decoration: none;
}
.zjm-footer .footericon .pt-2{
	padding-top: .5rem; 
	float: left;
	font-size: 14px;
}
.zjm-footer .footericon .pt-2 a{
	color: white;
    font-size: 14px;
    font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
    display: inline-block;
    line-height: 1.6;
    padding: 8px 0px 4px;
    border-bottom: 1px solid rgb(28, 39, 43);
    text-decoration: none !important;
}
.zjm-footer .footericon .pt-2 a:hover{
	text-decoration: underline;
	color: rgb(244, 129, 91);
    border-bottom: 1px solid rgb(244, 129, 91);
}
